<div class="header_panel">
    <ul class="nav nav-pills pull-left">
        <li><a data-toggle="modal" href="#customers_files">Hồ sơ khách hàng</a></li>
        <li><a href="/lien-he">Liên hệ</a> </li>
        <li><a data-toggle="modal" href="#schedules">Đặt lịch hẹn</a></li>
    </ul>
</div>

<div style="margin-left: -200px;width: 400px;" id="customers_files" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header pop_d">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Tìm kiếm hồ sơ</h3>
    </div>
    <form id="search_file_form">
        <div class="modal-body">
            <div id="msg1"></div>
            <div class="row-fluid"><input class="span12" name="code_pop" type="text" placeholder="Mã số" required></div>
            <div class="row-fluid"><input class="span12" name="password_pop" type="password" placeholder="Mật khẩu" required></div>
        </div>
        <div class="modal-footer">
            <input onclick="search_file('popup');" type="button" class="side_but" value="Tìm kiếm"/>
            <button class="btn" data-dismiss="modal" aria-hidden="true">Đóng</button>
        </div>
    </form>
</div>

<div style="margin-left: -200px;width: 400px;" id="schedules" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header pop_d">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Đặt lịch hẹn</h3>
    </div>
    <form>
        <div class="modal-body">
            <div class="row-fluid"><input class="span12" type="text" name="name_pop" placeholder="Quý danh" required></div>
    <div class="row-fluid"><input class="span12" type="text" name="phone_pop" placeholder="Điện thoại" required></div>
    <div class="row-fluid"> <input class="span12" type="text" name="email_pop" placeholder="Email" required></div>

    <p>Bạn muốn đặt lịch hẹn để</p>
    <label class="radio">
        <input type="radio" name="purpose_pop" value="1" checked>
        Được khám
    </label>
    <label class="radio">
        <input type="radio" name="purpose_pop" value="2">
        Được tư vấn
    </label>
    <div class="row-fluid">
        <div class="span5">
            <label class="gio">
                Giờ
                <input type="text" name="time_pop" id="time_pop" required>

            </label>
        </div>
        <div class="span7">
            <label class="ngay">
                Ngày
                <input type="text" name="day_pop" id="day_pop" required>

            </label>
        </div>
    </div>
        </div>
        <div class="modal-footer">
            <span style="text-align: left;" id="schedules_msg" class="span2">
            </span>
            <input onclick="make_appointment('popup');" type="button" class="side_but" value="Đặt lịch hẹn"/>
            <button class="btn" data-dismiss="modal" aria-hidden="true">Đóng</button>
        </div>
    </form>
</div>